<template>
  <el-progress
    :percentage="percentage"
    :format="format"
    :stroke-width="width"
    :color="color"
    :define-back-color="bgColor"
    :show-text="showText"
  />
</template>

<script>
export default {
  props: {
    percentage: {
      type: Number,
      default: 50
    },
    width: {
      type: Number,
      default: 10
    },
    color: {
      type: String,
      default: '#2087D0'
    },
    bgColor: {
      type: String,
      default: '#EBEEF5'
    },
    showText: {
      type: Boolean,
      default: true
    }
  },
  methods: {
    format(percentage) {
      return `${percentage}`
    }
  }
}
</script>
